<template>
  <div class="index">
    <van-row>
      <van-col span="8">
        <div class="item"></div>
      </van-col>
      <van-col span="8">
        <div class="item item2"></div>
      </van-col>
      <van-col span="8">
        <div class="item item3"></div>
      </van-col>
    </van-row>

     <van-row type="flex" justify="center">
       <van-col span="24">
         {{api}}
       </van-col>
     </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      api: process.env.NODE_ENV
    }
  },
  mounted() {
    console.log(this.api)
  }
};
</script>

<style lang="scss" scoped>
.index {
  .item {
    width: 100%;
    height: 1.066667rem;
    background-color: skyblue;
  }
  .item2 {
    background-color: gold;
  }
  .item3 {
    background-color: red;
  }
}
</style>
